표의 구조에서 데이터 열 그룹의 제목 또는 레이블이 표시된 셀(cell)을 나타낸다.
플로우 콘텐츠(flow content)이지만 하위에 <header>
와 <footer>
요소가 올 수 없으며 섹션닝 콘테츠(sectioning content), 헤딩 콘텐츠(heading content)도 올 수 없다.
<th>
요소 바로 뒤에 <td>
또는 <th>
요소가 오거나 이후 콘텐츠가 더 이상 없는 경우에 종료 태그를 생략할 수 있다.
[Exposed=Window]
interface HTMLTableCellElement : HTMLElement {
[HTMLConstructor] constructor();
[CEReactions] attribute unsigned long colSpan;
[CEReactions] attribute unsigned long rowSpan;
[CEReactions] attribute DOMString headers;
readonly attribute long cellIndex;
[CEReactions] attribute DOMString scope; // only conforming for th elements
[CEReactions] attribute DOMString abbr; // only conforming for th elements
// also has obsolete members
};
<table> <thead> <tr> <th></th> <th></th> </tr> </thead> </table>
열 방향으로 셀이 확장되는 개수를 설정한다.
음수가 아닌 유효한 정수를 나타낸다.
공통으로 사용하는 애트리뷰트의 경우 구문에 사용된 요소가 다를 수 있다.
colspan="[1,1000]"
행 방향으로 셀이 확장되는 개수를 설정한다.
음수가 아닌 유효한 정수를 나타낸다.
공통으로 사용하는 애트리뷰트의 경우 구문에 사용된 요소가 다를 수 있다.
rowspan="[0,65534]"
0
은 셀이 나머지 모든 행에 걸쳐 있음을 의미한다.
샘플 코드는 colspan
애트리뷰트를 참고
접근성을 위한 애트리뷰트로서 해당 셀의 데이터와 연관된 <thead>
요소 그룹에 정의된 <th>
요소의 id
를 공백으로 구분된 토큰 형식으로 작성한다. 시각적 효과가 없지만 접근성을 위한 다양한 장치에 의해서 사용된다.
순서가 없는 공백으로 구분된 고유한 토큰 세트를 나타낸다.
헤더 셀(<th>
)에 의해 구분되는 관련되는 데이터를 가진 셀의 집합을 나타낸다. 시각적인 결과는 없으며 다른 장치에서 문서를 해석할 때 사용될 수 있다.
제한된 값 집합으로 구성된 데이터를 나타낸다. 값 설정을 위한 다양한 방식이 존재할 수 있다.
헤더 셀(<th>
)이 컨텍스트(context)에 따라 선택된 셀 집합에 적용되도록 한다.
열(column) 상태에 매핑됨을 나타낸다. 열(column) 상태는 헤더 셀(<th>
)이 동일한 열에 있는 일부 후속 셀에 적용됨을 의미한다. 즉 열(column) 방향으로 나타나는 이후 셀과 관련이 되었음을 나타낸다. 반대로 이전 셀과 관련이 없음을 의미한다.
열 그룹 상태에 매핑됨을 나타낸다. 열 그룹 상태는 헤더 셀(<th>
)이 열 그룹의 나머지 모든 셀에 적용됨을 의미한다. 즉 헤더 셀(<th>
)이 해당 열 전체와 관련이 되었음을 의미한다. 요소가 열 그룹에 고정되지 않은 경우 요소의 scope
애트리뷰트가 열 그룹 상태에 있으면 안 된다.
행(row) 상태에 매핑됨을 나타낸다. 행(row) 상태는 헤더 셀(<th>
)이 동일한 행의 일부 후속 셀에 적용됨을 의미한다. 즉 행(row) 방향으로 나타나는 이후 셀과 관련이 되었음을 나타낸다. 반대로 이전 셀과 관련이 없음을 의미한다.
행 그룹 상태에 매핑됨을 나타낸다. 행 그룹 상태는 헤더 셀(<th>
)이 행 그룹의 나머지 모든 셀에 적용됨을 의미한다. 즉 헤더 셀(<th>
)이 해당 행에 있는 모든 셀에 관련이 되었음을 의미한다. 요소가 행 그룹에 고정되지 않은 경우 요소의 scope
애트리뷰트가 행 그룹 상태에 있으면 안 된다.
대체 레이블을 지정한다.
일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.
일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.